<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
        <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"><!--兼容手机-->
		<link rel="stylesheet" type="text/css" href="css/default.css" />
        <link rel="stylesheet" type="text/css" href="css/style.css" />
		<script src="js/modernizr.custom.js"></script>
    	<style type="text/css">
    		select{ appearance: none; -moz-appearance: none; -webkit-appearance: none; border: 1px solid #ccc; background: url(images/arrow.png) no-repeat scroll right center transparent;}
   /* 		@media only screen and (max-width: 320px){
				 .main_image{height: 165px;} 
				 .xingbie{ width: 71%; display: block; }
				 .xingbie option{ width: 71%; display: block; }
				 }
			@media only screen and (min-width: 321px) and (max-width: 375px) {
				.main_image{height: 190px;}
				.xingbie{ width: 71%;display: block; }
				.xingbie option{ width: 71%; display: block; }
			}
			@media only screen and (min-width: 321px) and (max-width: 375px) {
				.main_image{height: 190px;}
				.xingbie{ width: 71%;display: block; }
				.xingbie option{ width: 71%; display: block; }
			}
			@media only screen and (min-width: 376px) and (max-width: 414px) {
				.main_image{height: 210px;}
			}
			@media only screen and (min-width: 415px) and (max-width: 768px) {
				.main_image{height: 389px;}
			}  	*/	
			@media only screen and (max-width: 414px){ width:50%;}
    	</style>
<title>无标题文档</title>
</head>

<body>   
		
        
<div class="container">		
	<div class="main">
        <div class="wrap">   
            <div class="header1">
	            <span class="gt"><img src="images/1-1.png"></span>
	            	赛事报名                    
	            <span style="float: right; font-size: 14px; margin-right: 5px;"><a href="denglu.html" style=" color: #fff;">登录</a>/<a href="zhuce.html" style=" color: #fff;">注册</a></span>                 
	            <div style="clear:both;"></div>        
		    </div>
           <div class="info">
           	赛事报名
           </div>
            
	       <div class="cont1">
	            <div class="account"><span style="color:#8c3693;">姓名：</span><input type="text" name="account"></div>
	            <div class="account"><span style="color:#8c3693;">性别：</span><select style="width: 71%;"><option>男</option><option>女</option></select></div>
	            <div class="account"><span style="color:#8c3693;">身份证号：</span><input type="text" name="account"></div>
	            <div class="account"><span style="color:#8c3693;">联系电话：</span><input type="text" name="account"></div> 
	            <div class="account"><span style="color:#8c3693;">要考的等级：</span><select class="dengji" style="width: 53%;"><option></option><option>A级</option><option>B级</option><option>C级</option></optgroup></select></div> 
	            <div class="account"><span style="color:#8c3693;">模特犬的犬种：</span><select class="quanzhong" style="width: 47%;"> <option></option><option>泰迪</option><option>比熊</option><option>金毛人工费天天</option></optgroup></select></div> 
	           	<div class="account"><span style="color:#8c3693;">所属学校/宠物店：</span><select class="school" style="width: 38%;"><option></option><option>酷狗</option><option>天天</option><option>哎哎哎</option></optgroup></select></div> 
	            <div class="account2">
	                <div class="account_left">
	                   	<img src="images/12.jpg" alt="" />
	                </div>
	                <div class="account_right"> 
	                    <input type="button" name="" value="点击上传证件照片" /> 
	                    <p style="position: absolute; bottom: 50px; color: #f00; font-size: 14px; text-align: center;">请上传一寸电子版证件照片红白蓝底皆可</p>
	                </div>               
	            </div>
	      		<div style="width: 86%; margin-bottom: 30px; margin: 0 auto; margin-bottom: 30px;"><input type="button" name="" value="提交" class="submit"/></div>	    
	        </div>
     </div>
</div>            
		<div class="dibu">
			<ul>
				<li><a href="index.html"><p><img src="images/homepage_fill.png"></p><p>首页</p></a></li>
				<li><a href="saishibaoming.html"><p><img src="images/baoming.png"></p><p>赛事报名</p></a></li>
				<li><a href="gerenzhongxin_cj.html"><p><img src="images/people_fill.png"></p><p>个人中心</p></a></li>
				<li><a href=""><p><img src="images/mine_fill.png"></p><p>关于我们</p></a></li>
			</ul>
		</div>
		
	
</body>
</html>
